<template>
 <div>
    pinia:{{data.current}}----{{data.name}}
    pinia解构出来的值:{{current}}{{name}}{{user}}
    getters:{{name}}
 </div>
 <Button @click="change" type="">修改</Button>
</template>
<script setup lang='ts'>
import { useTestStore } from './store/index.ts' //引入自己新建的store 
import { storeToRefs } from 'pinia'
const data = useTestStore()
// Pinia解构不具有响应式，可以通过storeToRefS包裹
const {current,name,user} = storeToRefs(data)

//修改store里面定义的值
// 方法一
// const change = () =>{
//     data.current++
// }
 // 方法二
// const change = () =>{
//     data.$patch({
//         current:8,
//         name:'周杰伦'
//     })
// }
// 方法三
// const change = () =>{
//     // state参数就是store里面定义的状态
//     data.$patch((state)=>{
//      state.current= 99
//      state.name = '周杰伦'
//     })
// }
//方法四
// const change = () =>{
// data.$state = {
//     current:9887,
//     name:"王一欢"
// }
// }
// 方法五:通过actions去修改
const change = () =>{
data.setCurrent(14)

}



</script>
<style scoped lang='scss'>
</style>